<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@include file="../Head.jsp"%>
<style type="text/css">
<!--
.pmb strong {
	border-right: 1px solid #EFEFEF;
	cursor: pointer;
}

.pmb strong:hover {
	background: #F5F5F5;
}
-->
</style>
<script src="${ctx}/resource/js/Chart.js"></script>
<div class="Body">
	<div class="baseWidth block">
		<div class="fl h30  " style="line-height: 30px; width: inherit;">
			<div class="menuline fl ml10">
				<ul>
					<li class="home">&nbsp;</li>
					<li class="next">&nbsp;</li>
					<li>首页</li>
					<li class="next">&nbsp;</li>
					<li><a href="/navigation.html">支付平台导航</a></li>
					<li class="next">&nbsp;</li>
					<li>${Info.companyName}</li>
				</ul>
			</div>
		</div>
		<div class="clear block "></div>
		<div class="pannel radius5 shadown bor">
			<div class="fl p10" style="width: 61.5%; line-height: 25px; border-right: 1px dashed #D3D3D3;">
				<div>
					<div style="display: inline-block; font: 25px '微软雅黑'; font-weight: 900;">${Info.companyName}</div>
					<div style="display: inline-block; height: 15px;">
						<strong class="fl">用户评分:</strong>
						<div style="display: inline-block; margin-top: 3px;">
							<ul class="star block fl">
								<li class="sa"></li>
								<li class="sa"></li>
								<li class="sb"></li>
								<li></li>
								<li></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="h20 block"></div>
				<div class="block w350 fl">
					<div>
						<strong>法定代表人：</strong>${Info.representative}</div>
					<div>
						<strong>平台网址：</strong><a href="${Info.webSite}" target="_blank">${Info.webSite}</a>
					</div>
					<div>
						<strong>许可证编号：</strong>${Info.licenseNumber}</div>
				</div>
				<div class="bor shadown radius5 fl" style="overflow: hidden;">
					<img alt="" title="${Info.companyName}" src="${ctx}/resource/img/gs/${Info.licenseNumber}.png" width="240px" height="75px;" />
				</div>
				<div class="clear"></div>
				<div>
					<strong>公司地址：</strong>${Info.address}</div>
				<div>
					<strong>业务类型：</strong>${Info.businessType}</div>
				<div>
					<strong>业务覆盖范围：</strong>${Info.businessScope}</div>
				<div>
					<strong>平台有效期：</strong>${Info.dateBegin} ~ ${Info.dateEnd}
				</div>
			</div>
			<div class="fr m10" style="width: 32%; overflow: hidden; color: #555555 !important;">
				<div style="text-align: center;">
					<strong>平台指标点评</strong>
				</div>
				<div style="float: left; height: 150px; width: 120px; line-height: 21px;">
					<div class="block h30"></div>
					<div>
						<strong>关 注 度： </strong>65 %
					</div>
					<div>
						<strong>品牌效应： </strong>59 %
					</div>
					<div>
						<strong>稳 定 性： </strong>90 %
					</div>
					<div>
						<strong>好 评 率： </strong>81 %
					</div>
					<div>
						<strong>产品数量： </strong>100 %
					</div>
					<div>
						<strong>市场比重： </strong>55 %
					</div>
					<div>
						<strong>交易费率： </strong>40 %
					</div>
				</div>
				<div style="float: right; height: 190px; width: 200px">
					<canvas id="myChart" width="100%" height="100%"></canvas>
				</div>
				<div class="clear"></div>
				<div class="block" style="">
					<strong>综合评价：</strong>用户最佳的“简单、安全、快速”的支付解决方案！值得信赖。
				</div>
			</div>
			<div class="clear"></div>
		</div>

		<script type="text/javascript">
			var radarChartData = {
				labels : [ "关注度", "品牌效应", "稳定性", "好评率", "产品数量", "市场比重", "交易费率" ],
				datasets : [ {
					label : "My First dataset",
					fillColor : "rgba(220,220,220,0.5)",
					strokeColor : "rgba(220,220,220,1)",
					pointColor : "rgba(220,220,220,1)",
					pointStrokeColor : "#fff",
					pointHighlightFill : "#fff",
					pointHighlightStroke : "rgba(220,220,220,1)",
					data : [ 65, 59, 90, 81, 100, 55, 40 ]
				} ]
			};
			window.onload = function() {
				window.myRadar = new Chart(document.getElementById("myChart").getContext("2d")).Radar(radarChartData, {
					responsive : true
				});
			}
		</script>
		<div class="clear block h20 "></div>
		<div class="pannel radius5 shadown bor block" style="overflow: hidden;">
			<div class="fl block" style="width: 635px; border-right: 1px dashed #D3D3D3;">
				<div class="pannel-menu h30 pmb tab_menu">
					<strong class="scur tab1">平台简介</strong> 
					<strong class=" tab2">平台高管</strong>
					 <strong class=" tab3">办公环境</strong>
					  <strong class=" tab4">考察报告</strong> 
					  <strong class=" tab5">联系方式</strong> 
					  <strong class=" tab6">平台费用</strong>
				</div>
				<div class="pannel-body tab_menu_body" style="height: 340px;">
					<div class="scur _tab1 p10">${Detail.company_info}</div>
					<div class="hide _tab2 p10">${Detail.company_admin}</div>
					<div class="hide _tab3 p10">${Detail.company_img}</div>
					<div class="hide _tab4 p10">${Detail.company_report}</div>
					<div class="hide _tab5 p10">${Detail.company_link}</div>
					<div class="hide _tab6 p10">${Detail.company_charge}</div>
				</div>
			</div>
			<div class="fr block" style="width: 364px;">
				<div class="pannel-menu pm4 h30">
					<strong>最新动态</strong>
				</div>
				<div class="pannel-body ">
					<table style="width: 100%" class="table_hover">
						<c:forEach items="${Dynamic}" var="item" varStatus="status">
							<tr class="${status.index%2==0?'bgc1':''}  ">
								<td class="pt5 pl10"><a href="#">${item.dynamic_title}</a></td>
								<td class="pt5 pr10">${fn:substring(item.create_time,5,10).replace("-","/")}</td>
							</tr>
						</c:forEach>
					</table>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<!-- 网友评论 -->
		<div class="clear block h20 "></div>
		<div class="pannel radius5 shadown bor">
			<div class="fl block" style="width: 635px; border-right: 1px dashed #D3D3D3;">
				<div class="pannel-menu h30 pm4">
					<strong>网友评论 </strong>
				</div>
				<div class="pannel-body">
					<div class="post_comment ">
						<form action="" method="post" onsubmit="return (this)">
							<div class="hide pjModel">
								<ul class="pjCheck">
									<li><label><red>* </red>网关质量：</label> <span>1(经常掉单)</span> <span>2(很一般)</span> <span>3(正常)</span> <span>4(很好)</span> <span>5(非常好)</span></li>
									<li><label><red>* </red>体现速度：</label> <span>1(很不满意)</span> <span>2(不满意)</span> <span>3(一般)</span> <span>4(满意)</span> <span>5(很满意)</span></li>
									<li><label><red>* </red>客户服务：</label> <span>1(很不满意)</span> <span>2(不满意)</span> <span>3(一般)</span> <span>4(满意)</span> <span>5(很满意)</span></li>
									<li><label><red>* </red>网站体验：</label> <span>1(很不满意)</span> <span>2(不满意)</span> <span>3(一般)</span> <span>4(满意)</span> <span>5(很满意)</span></li>
									<li><label><red>* </red>总体评价：</label> <span>1(很不满意)</span> <span>2(不满意)</span> <span>3(一般)</span> <span>4(满意)</span> <span>5(很满意)</span></li>
								</ul>
								<div style="text-align: center;">
									<input type="submit" value="确认提交" class="radius5" style="margin: auto;width: 300px;background: #318BCB;color: white;"/>
									<div class="block h10"></div>
								</div>
							</div>
							<h3 class="pch3 m0">
								发表评论<span>愿您的每句评论，都能给大家的生活添色彩，带来共鸣，带来思索，带来快乐。</span>
							</h3>
							<div class="add_comm">
								<textarea name="txtBody" id="commentContent" cols="60" rows="5" class="ipt-txt" placeholder="支付有您参与更精彩！"></textarea>
								<div style="border-top: 1px dashed #E4E4E4;background: #F5F5F5;">
									<input type="button" style="border: none;background: #318BCB;color: white;float: right;" onclick="post_comment1()" value="发表评论"/>
									<div class="clear"></div>
								</div>
							</div>
						</form>
						<h3 class="pch3  mt10" style="border-bottom-width: 1px;">
							最新评论
						</h3>
						<ul class="pjlist">
							<li>
								<div>  <label >120楼</label><a href="" style="color: blue">家军元帅</a><span >2014-12-12 18:12:44</span></div>
								<div><label>&nbsp;&nbsp;</label>入股美的看中的除了品牌应该还有美的强大的代除了品牌应该还有美的强大的代工能力吧，但不尊重知识产权的企业能走多远？</div>
								<div><span>回复</span><span>没用(0)</span><span>有用(0)</span><span>举报</span></div>
								<div class="clear"></div>
							</li>
							<li>
								<div>  <label >120楼</label><a href="" style="color: blue">家军元帅</a><span >2014-12-12 18:12:44</span></div>
								<div><label>&nbsp;&nbsp;</label>入股美的看中的除了品牌应该还有美的强大的代除了品牌应该还有美的强大的代工能力吧，但不尊重知识产权的企业能走多远？</div>
								<div><span>回复</span><span>没用(0)</span><span>有用(0)</span><span>举报</span></div>
								<div class="clear"></div>
							</li>
							<li>
								<div>  <label >120楼</label><a href="" style="color: blue">家军元帅</a><span >2014-12-12 18:12:44</span></div>
								<div><label>&nbsp;&nbsp;</label>入股美的看中的除了品牌应该还有美的强大的代除了品牌应该还有美的强大的代工能力吧，但不尊重知识产权的企业能走多远？</div>
								<div><span>回复</span><span>没用(0)</span><span>有用(0)</span><span>举报</span></div>
								<div class="clear"></div>
							</li>
							
						</ul>
					</div>
				</div>
			</div>
			<div class="fr block" style="width: 364px;">
				<div class="pannel-menu pm4 h30">
					<strong>热门评论</strong>
				</div>
				<div class="pannel-body ">
					<div></div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="clear block h20 "></div>
	</div>
</div>
<style type="text/css">
.pjlist span{padding-left:10px;}
.pjlist label{color: #888;margin-right: 10px;}
.pjlist li{border-bottom: 1px #ddd dotted;}
.add_comm textarea {
	margin:10px;
	width:590px;
	height: 120px;
	border: 0;
	resize: none;
	background: none;
}

.add_comm {
	width: 613px;
	border: 1px #ccc solid;
	border-top-width: 0;
	background: #fafafa;
}

.post_comment {
	padding: 10px;
	font-size: 14px;
	font-style:#272A30;
	font-family: "微软雅黑";
}

.pch3 {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #be0028;
	border-bottom: 5px #be0028 solid;
}

.post_comment span {
	float: right;
	font-size: 12px;
	font-weight: normal;
	color: #888;
}
.pjModel{
	position: absolute;
	border: 1px solid;
	z-index: 9999;
	background: white;
	margin-top: 34px;
	border:1px solid #E1E1E1;
	font-size:12px;
	vertical-align:middle;
	width: 613px;
}
.pjCheck {
	margin: 5px 20px;
}
.pjCheck label {
	width: 75px;
	display: inline-block;
}
.pjCheck span {
	width: 90px;
	margin-right:5px;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #E1E1E1;
	text-align: center
}

.pjCheck span:hover {
	border: 1px solid green;
	background: #D6E0FF
}

.pjAction {
	border: 1px solid green !important;
	background: #D6E0FF
}
</style>
<script type="text/javascript">
	function post_comment1(){
		$(".pjModel").fadeIn();
	}
	$(function() {
		$("a[href^=#mg_]").click(function() {
			var mg_name = $(this).attr("href").substring(1);
			var objDiv = $("a[name=" + mg_name + "]").parent().parent();
			var i = 0;
			clearInterval(timer);
			var timer = null;
			var bgc = objDiv.css("background-color");
			timer = setInterval(function() {
				objDiv.css("background-color", i++ % 2 ? "#FFFFC6" : bgc);//还是有收获的，这个写法比if..else想必简单了好多
				i > 8 && clearInterval(timer);//这个短路用的经典啊
			}, 150);
		});
		$(".pjCheck span").click(function() {
			$(this).siblings().removeClass("pjAction");
			$(this).addClass("pjAction");
		});
	});
</script>
<%@include file="../Bottom.jsp"%>
